<template>
  <div class="content">
    <heading class="title" grade="1">分组预览</heading>
    <div class="match-list">
      <img :src="src" alt=""><span>参赛者1</span>
    </div>
    <div class="button-box">
      <router-link :to="{
        path: '/race/detail/manage/cupsecond', 
        query: {id: this.$route.query.id, matchId: this.$route.query.id, tasktype: this.$route.query.tasktype, isRun: this.$route.query.isRun}
        }">
        <el-button type="primary">返回编辑</el-button>
      </router-link>
      <router-link :to="{
        path: '/race/detail/manage/cupfourth', 
        query: {id: this.$route.query.id, matchId: this.$route.query.id, tasktype: this.$route.query.tasktype, isRun: this.$route.query.isRun}
        }">
        <el-button type="primary">生成分组</el-button>
      </router-link>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    src: {
      type: String,
      default: '/static/images/club.png'
    }
  }
}
</script>

<style scoped>
.match-list {
  height: 200px;
}
</style>
